body
{
	margin: 0;
	padding:  0;
	display:  flex;
	justify-content: center;
	align-items:  center;
	min-height:  100vh;
	background: #060c21;
	font-family: 'Poppins', sans-serif;
}
.box
{
	position:  relative;
	width: 300px;
	height:  400px;
	display: flex: 
	justify-content: center;
	align-items: center;
	background: #060c21;
}
/* 边框 */
.box:before
{
	content:  '';
	position:  absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	z-index: -1;
	background: #fff;
}
.box:after
{
	content:  '';
	position:  absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	z-index: -2;
	background: #fff;
	filter: blur(40px);
}
.box:before,
.box:after
{
	background: linear-gradient(235deg, #89ff00, #060c21, #00bcd4);
}
.content
{
	padding:  20px;
	box-sizing: border-box;
	color: #fff;
}